import React, { Component } from 'react';
import  "../../styles/mine.css";
// import { user_login } from "../../api/index";
import { HeartOutline,CalendarOutline,TagOutline,FolderOutline } from 'antd-mobile-icons'
class mine extends Component {
    constructor(props) {
        super(props)
        this.state = {
            name:"老李",
            img:""
        }
    }
    componentDidMount(){
     
    }
    toshouc(){
        this.props.history.push('/shouc')
    }
    render() {
        return (
            <div className='mine'>
                <div className='header'>
                    <img src="" alt="" />

                </div>
                <div className='main'>
                    <ul>
                        <li>1
                            <span> 收藏</span>
                        </li>
                        <li>0
                            <span>积分</span>
                        </li>
                        <li>0
                            <span>优惠券</span>
                        </li>
                    </ul>
                    <div className='cart'>
                       <p>我的订单</p>
                       <div className='icon'>
                       <span onClick={()=>{this.toshouc()}}><HeartOutline />已收藏</span>
                        <span><CalendarOutline />代发货</span>
                        <span><TagOutline />已发货</span>
                        <span><FolderOutline />代评价</span>
                       </div>
                    </div>
                </div>

            </div>

        );
    }
}

export default mine;